<template>
	<!-- 线上充值 -->
	<view class="addCar OnlineRecharge">
		<!-- <u-navbar title="余额充值" title-color="#333" back-icon-color="#333"></u-navbar> -->
		<view class="iscar-nav">
			<!-- <view class="iscar-nav-top" v-if="platform == false"></view>
				<view v-else :style="{ height: systemInfo.statusBarHeight + 'px' }"></view> -->
			<view class="iscar-nav-search">
				<view class="iscar-nav-search-ipt">
					<!-- @change="valChange" -->
					<u-search shape="square" @change="zFunSsuo" placeholder="请输入好友手机号/名称" v-model="carSearch"
						:show-action="false"></u-search>

				</view>
				
			</view>
			<view @click="valChange" class="ssuo-main" v-if="carSearch&& seatf == 1">
				<image style="width: 80rpx;height: 80rpx;" :src="getStaticFilePath('/home/nav/nav-SSUO.png')" mode="widthFix"></image>
				<text style="padding: 0 20rpx;">搜索:</text>
				<text style="color: #00FF99;">{{carSearch}}</text>
			</view>
			<!-- <view class="iscar-nav-btn">
					<view @click="checkedAll" v-if="ischeckedAll == true">全选</view>
					<view @click="nocheckedAll" v-if="ischeckedAll == false">全不选</view>
					<view class="pack">
						<view class="cancel" @click="carclose">取消</view>
						<view @click="determineFun" style=" color:#CC0000;">确定</view>
					</view>
				</view> -->
		</view>
		<view class="iscar-content" v-if="seatf == 0">
			<!-- <u-checkbox-group :wrap="true" width="350rpx" @change="checkboxGroupChange" style="display: block;"> -->
			<view class="" v-for="(item, index) in carnumlist" :key="index"
				style="border-bottom: 2rpx solid #e5e5e5; padding: 20rpx 0; width: 100%; display:flex; justify-content: space-between;">
				<!-- 	<u-checkbox style="width: 8%;" size='40' label-size="38" v-model="item.checked" :key="index"
							:name="item.name">

						</u-checkbox> -->
				<view class="">
					<view style="color: #FF6600;">{{ item.name }}</view>
					<view class="" style="padding-top: 5rpx;">
						{{item.phone}}
					</view>
				</view>


				<view style="padding-top: 20rpx; display: flex;" @click="szbzFun(item)">
					<image :src="getStaticFilePath('/home/nav/nav-TJHY.png')" mode="widthFix"
						style="width: 40rpx;height: 40rpx;margin-top: 6rpx;"></image>
						<view
						style="color: #FF6600; padding-left: 5rpx;">添加好友</view>
				</view>
			</view>
			
			
			


			<!-- </u-checkbox-group> -->
		</view>
		<view class="iscar-content" v-if="carnumlist.length==0 &&ywhy==0">
			该用户不存在
		</view>
		<u-modal v-model="addCarLoginShow" content="请确认是否充值" :show-cancel-button="true" @confirm="addCarConfirm">
		</u-modal>
		<u-modal v-model="addOuthWxLoginShow" content="请先进行微信授权" :show-cancel-button="true" @confirm="outhWx">
		</u-modal>
		<u-modal v-model="priceShow" content="订单支付成功" confirm-text="完成" @confirm="priceConfirm"></u-modal>
		<u-modal v-model="szbzShow" content="设置备注" :show-cancel-button="true" @confirm="szbzConfirm">

			<view class="OnlineRecharge-carName-phone OnlineRecharge-carName-renmb"
				style="display: block;padding: 0 20rpx;">
				<view class="" style="font-size: 38rpx;">
					<text>备注</text>
				</view>
				<view class="bzStyle-inp">
					<input class="OnlineRecharge-input-one-phone" type="text" placeholder="请设置备注" v-model="bzname" />
				</view>

			</view>

		</u-modal>
		<u-toast ref="uToast" />

	</view>
</template>

<script>
	export default {

		data() {
			return {
				userinfo: JSON.parse(uni.getStorageSync("userinfo")),
				rechargeMoney: "", //充值金额
				addCarLoginShow: false,
				addOuthWxLoginShow: false,
				RechargeModeList: [{
						name: "微信",
						url: "../../static/images/WX.png",
						disabled: false,
					},
					{
						name: "支付宝",
						url: "../../static/images/ZFB.png",
						disabled: false,
					},
					{
						name: "好友代充",
						url: "../../static/images/daichong.png",
						disabled: false,
					},
				],
				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
				rechargeModeValue: "微信",
				rechargeMoneyPhone: "",
				resultData: "",
				priceShow: false,
				querywayInfoindex: 1,
				selectedPayment: null,
				merchant_order_num: "",
				payisChannel: 1, //充值渠道，1工行，1中原
				carshow: false, //是否展示通讯录好友

				//代充好友通讯录
				carnumlist: [],
				carSearch: '',
				actionStyle: {
					backgroundColor: '#00a1f1',
					color: '#FFF',
					width: '200rpx',
					height: '60rpx',
					lineHeight: '60rpx',
					borderRadius: '15rpx',
					margin: '0 20rpx',
				},
				ischeckedAll: true,
				platform: uni.getStorageSync('platform'),
				systemInfo: '',
				carList: [],
				szbzShow: false,
				bzObj: {},
				bzname: '',
				seatf:0,//0不显示，1显示
				ywhy:1//1不显示，0显示
			};
		},
		onLoad() {
			this.rechargeMoneyPhone = this.userinfo.ORMTB410CA02;
			this.payGetProp();
			this.systemInfo = uni.getSystemInfoSync()
			this.navHeight = this.systemInfo.platform == 'ios' ? 44 : 48;
		},
		methods: {
			zFunSsuo(val){
				console.log(val)
				this.seatf = 1
				this.ywhy =1
			},
			/* 银行卡支付 */
			async bankPay() {
				uni.showLoading({
					title: "正在加载",
					mask: true,
				});
				this.selectedPayment = {
					title: this.rechargeModeValue,
				};
				let bid = this.RechargeModeList.find(
					(em) => em.name === this.rechargeModeValue
				).bid;
				// console.log(bid)
				let [err, res] = await uni.request({
					url: this.baseUrl + "/web/bank/put",
					method: "POST",
					dataType: "json",
					data: {
						ORMTB422CA00: "CUS",
						ORMTB422CA01: this.userinfo.ORMTB410ID,
						ORMTB422CA02: this.userinfo.PERTB005CA02,
						ORMTB422CA03: this.rechargeMoney,
						ORMTB422CA04: "银行卡",
						bid, // 银行卡绑id,
						remarks: "银行卡充值",
					},
				});
				uni.hideLoading();
				if (res && res.data.code === 0) {
					this.merchant_order_num = res.data.data;
					this.$refs.captchaCom.open();
				}
			},
			/* 	银行卡验证码输入 */
			async captchaFinish(kaptchaCode) {
				uni.showLoading({
					title: "请稍候...",
					mask: true,
				});
				let merchant_order_num = this.merchant_order_num;
				let [err, res] = await uni.request({
					url: this.baseUrl + "/web/bank/bankPay",
					method: "POST",
					dataType: "json",
					data: {
						merchant_order_num: this.merchant_order_num,
						code: kaptchaCode,
					},
				});
				uni.hideLoading();
				this.$refs.captchaCom.close();
				if (res.data.code === 0) {
					uni.showModal({
						content: "充值成功",
						showCancel: false,
						success: (res) => {
							if (res.confirm) {
								uni.navigateBack();
							}
						},
					});
				}
			},
			async getBankList() {
				let [err, res] = await uni.request({
					url: this.baseUrl + "/web/bank/list",
					method: "POST",
					dataType: "json",
					data: {
						ormtb410id: this.userinfo.ORMTB410ID, //二级客户ID
					},
				});
				if (res.data.code === 0) {
					let list = res.data.data;
					list.forEach((item) => {
						let name = item.bankName + item.cardNo.substr(-4);
						this.RechargeModeList.push({
							name,
							url: item.bankImage,
							disabled: false,
							bid: item.bid,
						});
					});
				}
			},
			/* 通讯录好友选择START */
			zdhydcFun() {
				if (this.rechargeMoney == 0) {
					return uni.showToast({
						title: "请重新输入充值金额",
						duration: 5000,
						icon: "none",
					});
				}
				this.carshow = true
				this.valChange()
			},
			checkedAll() {
				this.carnumlist.map(val => {
					val.checked = true
				})
				this.ischeckedAll = false
			},
			nocheckedAll() {
				this.carnumlist.map(val => {
					val.checked = false
				})
				this.ischeckedAll = true
			},
			szbzConfirm(data) {
				uni.showLoading({
					title: '请求中...',
					mask: true
				});

				uni.request({
					url: this.baseUrl + '/orm/ormtb407/remarkOrmtb407',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB407ID: this.bzObj.ncID,
						ORMTB407CA01: this.bzname

					},
					success: (res) => {
						console.log(res);
						if (res.data.code == 200) {
							var data = res.data.data
							console.log(data)
							this.valChange()
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
						uni.hideLoading();
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: 'default',
							icon: false
						})
					}
				});
			},



			determineFun() {
				this.carnumlist.forEach(item => {
					if (item.checked == true) {
						var i = (this.carList || []).findIndex((profile) => profile.ORMTB410CA02 === item.phone);
						if (i == '-1') {
							// console.log(item.name)
							// var carObj = {
							// 	ORMTB407CA01: item.phone, //昵称
							// }
							this.carList.push(item.phone)
							console.log(this.carList)
							let a = this.carList.toString()
							console.log(a)
							// return
						}
					}
				})
				this.dcFuntj()
				// this.carshow = false
			},
			szbzFun(item) {
				console.log(item)
				this.dcFuntj(item)

			},

			dcFuntj(data) {
				uni.showLoading({
					title: '请求中...',
					mask: true
				});
				if (this.userinfo.sign == 'CUS-1') {
					var ID = this.userinfo.ORMTB400ID
				} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
					var ID = this.userinfo.ORMTB410ID
				}
				uni.request({
					url: this.baseUrl + '/orm/ormtb407/bindOrmtb407',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB407CA00: data.ncID,
						ORMTB410ID: ID

					},
					success: (res) => {
						console.log(res);
						if (res.data.code == 200) {
							var data = res.data.data
						
							uni.showToast({
								title: res.data.message,
								type: 'default',
								icon: false
							})
							// uni.navigateBack()
						} else {
							uni.showToast({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
						uni.hideLoading();
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: 'default',
							icon: false
						})
					}
				});
			},

			valChange() { //输入input发生变化
				this.carnumlist = []
				this.seatf = 0
				this.carSearch = this.carSearch.toUpperCase()
				uni.showLoading({
					title: '请求中...',
					mask: true
				});
				if (this.userinfo.sign == 'CUS-1') {
					var ID = this.userinfo.ORMTB400ID
				} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
					var ID = this.userinfo.ORMTB410ID
				}
				uni.request({
					url: this.baseUrl + '/orm/ormtb410/selectHyAccount',
					method: 'POST',
					dataType: 'json',
					data: {
						// sign: this.userinfo.sign,
						key: this.carSearch
					},
					success: (res) => {
						console.log(res);
						if (res.data.code == 200) {
							var data = res.data.data
							console.log(data)
							
							
							if(data.length==0){
								this.ywhy =0
							}
							else{
								this.carnumlist = []
								data.forEach(item => {
									this.carnumlist.push({
										// checked: false,
										name: item.ORMTB410CA00, //昵称
										phone: item.ORMTB410CA02, //手机号
										ncID: item.ORMTB410ID, //昵称ID
										// disabled: false,
									})
								})
							}
							
						} else {

						}
						uni.hideLoading();
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: 'default',
							icon: false
						})
					}
				});

			},
			checkboxGroupChange() {
				var arr = []
				this.carnumlist.map(val => {
					if (val.checked == true) {
						arr.push(arr)
					}
				})
				if (arr.lenth == this.carnumlist.length) {
					this.ischeckedAll = false
				} else {
					this.ischeckedAll = true
				}
			},
			carclose() {
				this.carSearch = ''
				this.carshow = false
			},

			/* 通讯录好友选择END */

			// share() {
			// 	// if (this.rechargeMoney == 0)
			// 	// 	return uni.showToast({
			// 	// 		title: "请重新输入充值金额",
			// 	// 		duration: 5000,
			// 	// 		icon: "none",
			// 	// 	});

			// 	if (this.rechargeMoneyPhone == "")
			// 		return uni.showToast({
			// 			title: "请输入要充值的手机号",
			// 			duration: 5000,
			// 			icon: "none",
			// 		});

			// 	if (this.rechargeModeValue == "微信") {
			// 		let param = {
			// 			type: 5,
			// 			miniProgram: {
			// 				id: "gh_fa047443538a",
			// 				path: `pages/userPay/index?payPhone=${this.rechargeMoneyPhone}&payMore=${this.rechargeMoney}&payisChannel=${this.payisChannel}&type=WX`,
			// 				type: 0, //0-正式版；1-测试版；2-体验版。默认值0
			// 				webUrl: "https://feishazoushi.cn/gw/",
			// 			},
			// 		};
			// 		console.log('param', param);
			// 		uni.share({
			// 			provider: "weixin",
			// 			scene: "WXSceneSession",
			// 			imageUrl: "https://feishazoushi.cn/appImages/logo.png",
			// 			title: "Hi~请帮我充值",
			// 			...param,
			// 			success: function(ret) {
			// 				console.log("share success", JSON.stringify(ret));
			// 			},
			// 			fail: function(fail) {
			// 				console.log(fail);
			// 			},
			// 		});

			// 		// uni.navigateTo({
			// 		// 	url: `/pages/shouquan/daifu/shareWX?payPhone=${this.rechargeMoneyPhone}&rechargeMoney=${this.rechargeMoney}&payisChannel=${this.payisChannel}`
			// 		// })
			// 	} 
			// 	else if (this.rechargeModeValue == "好友代充") {
			// 		// this.PayFunData('daifu')

			// 	}
			// },
			share() {
				//生成链接
				// let urldc = 'http://192.168.1.181:8080/'


				let urldc = 'https://feishazoushi.cn/alpay'
				// console.log(urldc)

				let param = {
					type: 0,
					summary: `¥: ${this.rechargeMoney}元`, //描述
					href: `${urldc}?payPhone=${this.rechargeMoneyPhone}&payMore=${this.rechargeMoney}&payisChannel=${this.payisChannel}&id=${this.userinfo.ORMTB410ID}&type=ZFB`,
				};
				// console.log(param)
				// this.param = param
				uni.share({
					provider: "weixin",
					scene: "WXSceneSession",
					imageUrl: "https://feishazoushi.cn/appImages/logo.png",
					title: "Hi~请帮我充值",
					...param,
					success: function(ret) {
						console.log("share success", JSON.stringify(ret));
					},
					fail: function(fail) {
						console.log(fail);
					},
				});
			},
			// 启动支付宝支付
			PayFunData(type) {
				var rechargeMoney = Number(this.rechargeMoney);
				let param = {
					ORMTB422CA01: this.userinfo.ORMTB410ID,
					ORMTB422CA03: rechargeMoney,
					ORMTB422CA11: this.rechargeMoneyPhone,
					ORMTB422CA13: "alipay",
				};
				uni.request({
					url: this.baseUrl + "/pay/czPayZY",
					method: "POST",
					dataType: "json",
					data: {
						...param
					},
					success: (res) => {
						console.log("res", res);
						uni.hideLoading();
						if (res.data.code == 200) {
							let payObj = JSON.parse(res.data.data);
							console.log("payObj", payObj);
							let url = encodeURIComponent(payObj.alipay_token_id)
							if (type == 'daifu') {
								uni.navigateTo({
									url: `/pages/shouquan/daifu/shareZFB?url=${url}&payPhone=${this.rechargeMoneyPhone}&payMore=${this.rechargeMoney}&payisChannel=${this.payisChannel}&id=${this.userinfo.ORMTB410ID}`
								})
							} else {
								uni.navigateTo({
									url: `/pages/accountOnlineRecharge/webView?url=${url}`
								})
							}
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: "default",
								icon: false,
							});
						}
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: "default",
							icon: false,
						});
					},
				});
			},
			addCarConfirm() {
				let val =
					this.rechargeModeValue == "支付宝" || this.rechargeModeValue == "微信";
				if (!val) {
					this.bankPay();
					return;
				}
				var that = this;
				var rechargeMoney = Number(this.rechargeMoney);
				if (this.rechargeModeValue == "微信") {
					plus.share.getServices(
						function(res) {
							let sweixin = null;
							for (var i = 0; i < res.length; i++) {
								// console.log(res)
								var t = res[i];
								if (t.id == "weixin") {
									sweixin = t;
								}
							}
							//唤醒微信小程序
							if (sweixin) {
								sweixin.launchMiniProgram({
										// 微信小程序的ID
										id: "gh_fa047443538a", //原始ID
										path: `/pages/payWeixin/index?moner=${rechargeMoney}&id=${that.userinfo.ORMTB410ID}&phone=${that.rechargeMoneyPhone}&payisChannel=${that.payisChannel}`, //跳转的小程序页面位置
										type: 0, //0-正式版； 1-测试版； 2-体验版
									},
									(res2) => {
										console.log(typeof res2, res2);
										// res2是微信小程序传递回来的参数 类型为string 需转化为json对象使用
										let result = JSON.parse(res2);
										console.log(result);
										// 拿到参数后执行你需要的逻辑
									},
									(err2) => {
										console.log(err2);
									}
								);
							} else {
								// 没有获取到微信分享服务
								uni.showToast({
									icon: "none",
									title: "当前环境不支持微信操作!",
								});
							}
						},
						function(e) {
							// console.log('获取分享服务列表失败：' + e.message);
						}
					);
				} else if (this.rechargeModeValue == "支付宝") {
					if (this.payisChannel == 2) {
						this.PayFunData();
					} else {
						let alipayUrl =
							`https://feishazoushi.cn/alih5?moner=${rechargeMoney}&phone=${that.rechargeMoneyPhone}`;
						// let alipayUrl = `https://feishazoushi.cn/alih5?moner=${rechargeMoney}&phone=${that.rechargeMoneyPhone}`;
						console.log("alipayUrl", alipayUrl);

						plus.runtime.openURL(
							"alipays://platformapi/startapp?appId=20000042&publicBizType=LIFE_APP&publicId=2021004106650137&url=" +
							encodeURIComponent(alipayUrl),
							function(res) {
								console.log(res);
							}
						);
					}
				}
			},
			payGetProp() {
				uni.showLoading({
					title: "加载中...",
					mask: true,
				});
				uni.request({
					url: this.baseUrl + "/pay/getProp",
					method: "POST",
					dataType: "json",
					data: {
						ORMTB410ID: this.userinfo.ORMTB410ID
					},
					success: (res) => {
						uni.hideLoading();
						console.log(res.data);
						if (res.data.code == 200) {
							this.payisChannel = res.data.data;
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: "default",
								icon: false,
							});
						}
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: "default",
							icon: false,
						});
					},
				});
			},
			// 确定
			determine() {
				if (this.rechargeMoney == 0)
					return uni.showToast({
						title: "请重新输入充值金额",
						duration: 5000,
						icon: "none",
					});
				if (this.rechargeMoneyPhone == "")
					return uni.showToast({
						title: "请输入要充值的手机号",
						duration: 5000,
						icon: "none",
					});
				this.addCarLoginShow = true;
			},
			rechargeMoneyUP() {
				var value = this.rechargeMoney;
				var num = this.clearNoNum(value);
				if (num > 20000.0) {
					uni.showToast({
						title: "充值金额高于最大限制20000.00",
						duration: 5000,
						icon: "none",
					});
				}
				num = num > 20000.0 ? 20000.0 : num;
				this.$nextTick(() => {
					this.rechargeMoney = num;
				});
			},
			topMoneyChange() {
				//充值金额失去焦点数据处理
				this.rechargeMoney = Number(this.rechargeMoney);
			},
			async outhWx() {
				let that = this; //保存当前作用域
				await uni.login({
					//直接用这个调用微信接口
					onlyAuthorize: true,
					provider: "weixin",
					success: function(response) {
						// 用微信登录的话就要去微信开发工具
						// console.log(response) //这里打印就说明接口调用成功了，然后看message login ：ok
						//微信登录就完了，后面就是获取用户信息
						uni.request({
							url: that.baseUrl + "/system/getOpenId/",
							method: "POST",
							dataType: "json",
							data: {
								code: response.code,
							},
							success(response) {
								// console.log(response)
								if (response.errMsg == "request:ok") {
									uni.setStorageSync("openid", that.openid);
								}
							},
						});
					},
				});
			},
			youhui() {
				uni.navigateTo({
					url: "../accountFavouredPolicy/index",
				});
			},
			clearNoNum(value) {
				value = value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
				value = value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
				value = value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
				value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
				if (value.indexOf(".") < 0 && value != "") {
					//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
					value = parseFloat(value);
				}
				return value;
			},
			priceConfirm() {
				this.resultData = "";
				uni.reLaunch({
					url: "/pages/myaccount/index",
				});
			},
			querywayInfo() {
				if (this.resultData == "") {
					return;
				}
				if (this.querywayInfoindex == 1) {
					uni.showLoading({
						title: "处理中...",
						mask: true,
					});
				}
				uni.request({
					url: this.baseUrl + "/pay/queryResultById",
					method: "POST",
					dataType: "json",
					data: {
						ORMTB422ID: this.resultData.order_no,
					},
					success: (res) => {
						uni.hideLoading();
						console.log(res);
						if (res.data.code == 200) {
							var data = res.data.data;
							if (data == 1) {
								if (this.querywayInfoindex == 1) {
									this.$refs.uToast.show({
										title: "订单支付未完成",
										type: "default",
										icon: false,
									});
								}
								if (this.querywayInfoindex < 5) {
									setTimeout(() => {
										this.querywayInfoindex += 1;
										this.querywayInfo();
									}, 1000);
								} else {
									this.querywayInfoindex = 1;
								}
							} else if (data == 2) {
								this.priceShow = true;
							} else if (data == 3) {
								this.$refs.uToast.show({
									title: "订单支付失败",
									type: "default",
									icon: false,
								});
							} else {
								this.$refs.uToast.show({
									title: res.data.message,
									type: "default",
									icon: false,
								});
							}
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: "default",
								icon: false,
							});
						}
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.data.error,
							type: "default",
							icon: false,
						});
					},
				});
			},
			// 重置
			// reset() {
			// 	this.carNumberIpt = '' //车牌号
			// 	this.nameIpt = '' //车主姓名
			// 	this.phoneIpt = '' //联系方式
			// },
		},
	};
</script>

<style scoped>
	.addCar input {
		border: 0;
	}

	.addCar {
		width: 100%;
		min-height: 100vh;
		background-color: #fff;
		overflow: hidden;
	}

	/* 列表 */

	/* 内容 */
	.OnlineRecharge-bottom {
		padding-top: 90rpx;
	}

	.OnlineRecharge-content-box {
		width: 100%;
		padding: 0 24rpx;
	}

	.OnlineRecharge-carName-phone {
		/* border-bottom: 2rpx solid rgba(230, 230, 230, 1); */
		padding: 25rpx 0;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.OnlineRecharge-carName-renmb {
		border-bottom: 2rpx solid rgba(230, 230, 230, 1);
		font-size: 40rpx;
		font-weight: 600;
	}

	.OnlineRecharge-carName-tips {
		font-size: 28rpx;
		padding: 15rpx 0 10rpx;
	}

	.OnlineRecharge-carName-zc {
		font-size: 28rpx;
		color: rgba(0, 161, 244, 1);
	}

	.OnlineRecharge-input-one {
		width: 90% !important;
		display: inline-block;
		margin-bottom: 0 !important;
		padding: 0 !important;
		height: 44rpx !important;
		/* margin-left: 0.1rem; */
		color: #333333;
		font-size: 44rpx;
		text-align: center;
	}

	.addCar-phone {
		width: 238rpx;
		display: inline-block;
		font-size: 26rpx;
		color: rgba(102, 102, 102, 1);
		/* background: #000000; */
	}

	.Recharge-mode {
		padding-top: 50rpx;
	}

	.Recharge-mode-font {
		color: #999;
		font-size: 28rpx;
	}

	.Recharge-mode-top image {
		width: 36rpx;
		height: 36rpx;
		vertical-align: middle;
		margin-right: 10rpx;
	}

	/* 按钮 */
	.addCar-reset-determine {
		margin-top: 167rpx;
		display: flex;
	}

	.addCar-reset-determine>view {
		width: 350rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 70rpx;
		color: rgba(255, 255, 255, 1);
		font-size: 38rpx;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
	}

	.addCar-reset {
		width: 159rpx;
		background: rgba(234, 197, 15, 1);
		text-align: center;
		margin-left: 170rpx;
	}

	.addCar-determine {
		background: rgba(0, 161, 244, 1);
		margin-left: 60rpx;
	}

	.addCar-phone-car {
		display: inline-block;
		width: 310rpx;
		height: 44rpx;
		line-height: 44rpx;
		/* border: 1px solid rgba(0, 0, 0, .2); */
		/* border-radius: 3px; */
		text-align: center;
		vertical-align: middle;
		font-size: 26rpx;
	}

	input::placeholder {
		color: rgba(102, 102, 102, 0.5);
	}

	.fxhy-main {
		display: flex;
		justify-items: center;
		padding: 0 20rpx;
		justify-content: space-around;
	}

	/* 添加通讯录好友选择START */

	.iscar-nav {
		position: fixed;
		top: 0;
		width: 100%;
		height: 4vh;
		/* box-sizing: border-box; */
		z-index: 2;
		background-color: #FFF;
	}

	.iscar-nav-top {
		height: 10vh;
		/* background-color: #e3e3e3; */
	}

	.iscar-nav-search {
		display: flex;
		/* background-color: #e3e3e3; */
		padding-bottom: 20rpx;

	}

	.iscar-nav-search-ipt {
		flex: 1;
	}

	.iscar-nav-search-btn {
		width: 100rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-size: 28rpx;
		text-align: center;
		color: #333;
		margin: 0 20rpx;
	}

	.iscar-nav-btn {
		display: flex;
		justify-content: space-between;
		height: 90rpx;
		line-height: 90rpx;
		font-size: 36rpx;
		color: #333;
		padding: 0 40rpx;
		border-top: 2rpx solid #e3e3e3;
		border-bottom: 2rpx solid #e3e3e3;
		background-color: #fff;

		.pack {
			display: flex;
			flex-wrap: nowrap;

			.cancel {
				color: #888;
				margin-right: 20rpx;
			}
		}
	}

	.iscar-nav-btn view+view {
		color: #02a2f4;
	}

	.iscar-nav-btn view {
		/* width: 100rpx; */
		text-align: center;
	}

	.iscar-content {
		padding-left: 30rpx;
		padding-right: 30rpx;
		margin-top: 6vh;
	}

	.bzStyle-inp {
		background-color: #eee;
		border-radius: 10upx;
		padding: 10rpx 0;
		margin: 20rpx 0;
	}

	.bzStyle-inp .OnlineRecharge-input-one-phone {
		padding: 0 20rpx;
		font-size: 40rpx;
	}
	
	

	/* 添加通讯录好友选择END */
	
	.ssuo-main{
		display: flex;
		padding: 20rpx;
		line-height: 85rpx;
		border-bottom: 2rpx solid #eee;
		
	}
</style>